.hv-designer-canvas-panel-container {
  width : 100%;
  height: 100%;

  .hv-designer-canvas-panel-center {
    height: calc(100% - var(--hv-dash-des-canvas-panel-bottom-height) - 1px);
    width : 100%;

    :deep(.ruler-tool-wrapper) {
      background: transparent;
    }

    .hv-designer-canvas-panel-main {
      width : 100%;
      height: 100%;

      .hv-designer-canvas-panel-workbanch {
        overflow: hidden;
      }
    }
  }

  .hv-designer-canvas-panel-center-gird {
    background: linear-gradient(90deg,
        var(--hv-dash-des-canvas-panel-grid-color) 0.05rem,
        transparent 0),
      linear-gradient(var(--hv-dash-des-canvas-panel-grid-color) 0.05rem, transparent 0);

    background-size: 17px 17px;
  }

  .hv-designer-canvas-panel-center-default {
    background: var(--hv-dash-des-canvas-panel-bg);
  }
}